<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<% String path=request.getContextPath(); String basePath=request.getScheme()+ "://" + request.getServerName() + ":" + request.getServerPort() + path+ "/"; %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html  xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<base href="<%=basePath%>">
<title>激活卡流转</title>
	<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
	<script src="js/jquery.divbox.js" type="text/javascript"></script>
	<style>
		.h_30 {
			height: 30px;
		}
		.table_body_div {
			padding: 30px 30px 15px;
		}
		.table_body_title,
		.table_body_search {
		    padding-bottom: 10px;
		}
		.table_body_title {
			font-weight: bold;
			font-size: 16px;
		}
		.table_body_search {
			border-bottom: 1px solid #ddd;
			border-top: 1px solid #ddd;
			padding: 10px 0;
			margin-top: 10px;
		}
		.table_body_div .fr {
			float: right;
		}
		.table_body_div .fl {
			float: left;
		}
		.w_50 {
			width: 50%;
		}
		.w_30 {
			width: 30%;
		}
		.w_20 {
			width: 20%;
		}
		.messageContainer {
			font-size: 10px;
			color: orange;
			padding-left: 20px;
		}
		#mnumber {
			margin-left: 15px;
		}
		/* 清除浮动 */
		.clear::after {
			clear:both;
			content:'.';
			display:block;
			width: 0;
			height: 0;
			visibility:hidden;
		}/*==for FF/chrome/opera/IE8==*/
	</style>
	<script type="text/javascript">
	/* 初始化 start */
	$(function() {
		queryCom() // 查询是否为分公司 上交按钮不显示 8位下发不显示
		queryCardInfo(1) // 查询库存列表
	})
	/* 初始化 end */
	/* 查询是否为分公司 start */
	function queryCom() {
		$.ajax({
			url : "actirationCardCirculation/querycompany",
			type : 'POST',
			async : true,
			dataType:'text',
			success : function(data) {
				if (data.length == 2 && data == '00') {
					// 上交按钮不显示
					$('#turnIn').css('display', 'none')
					// 上交按钮不显示
                    $('#release').css('display', 'none')
				} else if (data.length == 8) {
					// 上交按钮不显示
                    $('#release').css('display', 'none')
				} else if (data.length == 2) {
					// 上交按钮不显示
                    $('#turnIn').css('display', 'none')
				}
			}
		})
	}
	/* 查询是否为分公司 start */
	/* 查询卡库存   start */
	function queryCardInfo(displayPage){
		var name= $("#name").val();
		var cardDefindId = $("#cardDefindId").val();
		loadCardData({current:displayPage,size:10,name: name, carDefindId: cardDefindId});
	}
	function loadCardData(param){
		var jsonDate;
		if(null != param && null != param.current){
			jsonDate =param;	
		}else{
			jsonDate={current:1,size:10};
		}
		$.openLoading();
 		$.ajax({
			url : "actirationCardCirculation/query",
			type : 'POST',
			async : true,
			dataType:'json',
			data: jsonDate,
			success : function(page) {
				$.closeLoading();
				var radioObj ="<input class='input_fxk' name='radioCard' type='radio' value=''>";
				var fieldNames = "id@TDH,name,minNo,maxNo,num";
				var tableContent = creatTable1(fieldNames, page, radioObj);
				var tableObj = $("#cardpageTable").find("tbody");
				tableObj.html(tableContent);
				var strPage = creatChannelPage(page.current,6,page.maxPage,"75");
				var pageDIV = $("#cardpageDIV");
				pageDIV.empty();
				pageDIV.html(strPage);
				bindradio();//点击单选按钮，该行高亮显示
			}
		}) 
	}
	/* 查询卡库存   end */
	// ----------------------------------弹窗 start-------------------------
	/* 校验下发/上交张数 start */
	function valuedNum(number) {
		var error = {
			isError: true
		}
		if (!number) {
			error.message = "您没有填写下发张数，请正确填写！"
			return error
		}
		var value = number.replace(/\D/g,'')
		var maxVal = $('.messageSpan').html() - 0
		if (number != value){
			$('#mnumber').val(value)
			error.message = "下发张数输入格式有误！"
			return error
		}
		if (value > maxVal) {
			$('#mnumber').val(maxVal)
			error.message = "已超过最大库存张数！"
			return error
		} else if (value < 1) {
			$('#mnumber').val(1)
			error.message = "张数最少填写1张！"
			return error
		}
		error.isError = false
		return error
	}
	/* 校验下发/上交张数 end */
	/* 激活卡下发上交 start */
	function cirCardData(flag){
		// 整理参数数据
		if (!$("#mstartNo").val()) {
			$.message("error", "请正确填写开始卡号！");
			return
		} else if (!$('.table_highlighter')) {
			$.message("error", "没有选中激活卡卡定义，请刷新重试！");
			return
		} else if (!$('#depNo').val()) {
			$.message("error", "请正确选择机构！");
			return
		} else if (!$('#mnumber').val()) {
			$.message("error", "请输入流转张数！");
			return
		}
		var number = $('#mnumber').val()
		var result = valuedNum(number)
		if (result.isError) {// 校验下发最大张数
			$.message("error", result.message);
			return
		}
		number = $('#mnumber').val()
		// $("#mnumber").val()
		var cardId = $('.table_highlighter').children()[1].innerHTML
		var startNo = $("#mstartNo").val()
		var toDep = $('#depNo').val()
		var param = {startNo: startNo, cardId: cardId, number: number, toDep: toDep, flag: flag}
		
		 $.openLoading();
 		$.ajax({
			url : "actirationCardCirculation/circulation",
			type : 'POST',
			async : true,
			dataType:'json',
			data: param,
			success : function(data) {
				$.closeLoading();
				if("success"==data.result&&""!=data.message){
					$.message("success", data.message);
					closeCardDiv()
					queryCardInfo(1)
		    	}
				if("fail"==data.result){
		    		$.message("error", "系统错误,请联系管理员");
		    	}
				if("error"==data.result&&""!=data.message){
		    		$.message("error", data.message);
		    	}
			}
		})
	}
	/* 激活卡下发上交 end */
	/* 激活卡下发弹窗打开 start */
    function openAreaDiv(flag) {
		$('#buttonStatus').val(flag);
    	if($(".table_highlighter").length === 0) {
    		$.message("error", "请选中一条卡定义记录！");
    		return false
    	}
    	$("#nameSpan").html($(".table_highlighter").children()[2].innerHTML)
    	$("#mstartNo").val($('.table_highlighter').children()[3].innerHTML)
    	$(".messageSpan").html($('.table_highlighter').children()[5].innerHTML)
    	$('#mnumber').val($('.table_highlighter').children()[5].innerHTML)
    	$(".comCode").remove()
    	if (flag === '0') {// 下发
/*     		$(".issued_btn").css('display', 'inline-block')
    		$(".handin_btn").css('display', 'none') */
    		$(".comSelect").html('下发机构')
    		$(".messageContent").html("最大下发张数为：")
    		querycompany('querycompanydown')// 查询下级机构
    	} else {
/*     		$(".handin_btn").css('display', 'inline-block')
    		$(".issued_btn").css('display', 'none') */
    		$(".comSelect").html('上交机构')
    		$(".messageContent").html("最大上交张数为：")
    		querycompany('querycompanyup')// 查询下级机构
    	}
    	/* getCardList(1) */// 查询下发列表   lfd added 20181112|| $("#cardDiv").css('opacity') !== '1' 解决需点击两次弹窗才打开的问题
    	/* if ($("#cardDiv").css('display') === 'none' || $("#cardDiv").css('opacity') !== '1') {
			OpenDivInit()// 展开弹窗
		} */
		getCardList(1)
    }
    /* 激活卡下发弹窗打开 end */
    /* 查询机构 start */
    function querycompany(url) {
    	$.openLoading();
    	$.ajax({
			url : "actirationCardCirculation/" + url,
			type : 'POST',
			async : true,
			dataType:'json',
			success : function(data) {
				$.closeLoading();
				if(data.length == 0)return;
				$.each(data, function (i, v) {
					$('#depNo').append('<option class="comCode" value="' + v.deptCode + '">' + v.deptCode + '-' + v.deptCname + '</option>')
				})
			}
		}) 
    }
    /* 查询机构 end */
    /* 激活卡列表查询 start */
    function getCardList(current) {
    	var flag=$('#buttonStatus').val();
    	var cardDefindId = $('.table_highlighter').children()[1].innerHTML
    	if (!$("#mstartNo").val()) {
    		$.message("error",'请正确填写开始卡号！')
    		$("#mnumber").val('')
    		return
    	}  else {
    		// lfd changed 20181112
    		startNo = $("#mstartNo").val()
    		// startNo = $("#mstartNo").val().substring(0,15)
    	}
    	var number = $("#mnumber").val() || $(".messageSpan").html()
		var result = valuedNum(number)
		if (result.isError) {// 校验下发最大张数
			$.message("error", result.message);
			return
		}
		number = $("#mnumber").val() || $(".messageSpan").html()
		var param = {current: current, size: 5, cardDefindId: cardDefindId, number: number, startNo: startNo}
    	$.openLoading();
		// 如果为第一次 则重新打开弹窗 （解决查询后高度不居中的问题）
		/* if (!$('#cardDIV').html()) {
			closeCurrentDIV('cardDiv')// 关闭弹窗
		} */
 		$.ajax({
			url : "actirationCardCirculation/querylowerHair",
			type : 'POST',
			async : true,
			dataType:'json',
			data: param,
			success : function(page) {
                $.closeLoading();
				var str = ''
				$.each(page.data, function (i, v) {
					str += '<tr><td>' + (i - 0 + 1) + '</td><td>' + v + '</td></tr>'
				})
				str = '<thead><tr class="f1"><th style="width:20%;">#</th><th style="width:80%;">卡号</th></tr></thead><tbody>' + str + '</tbody>'
				var tableObj = $("#CardTable");
				tableObj.html(str);

				var strPage = creatChannelPage(page.current,6,page.maxPage,"74");
				var pageDIV = $("#cardDIV");
				pageDIV.empty();
				pageDIV.html(strPage);
		    	if(flag=='0'){		//	下发
			    	$(".issued_btn").css('display', 'inline-block')
			    	$(".cancel_btn").css('display', 'inline-block')
			    	$(".handin_btn").css('display', 'none')
			    }else{				//	上交
			    	$(".handin_btn").css('display', 'inline-block')
			    	$(".cancel_btn").css('display', 'inline-block')
			    	$(".issued_btn").css('display', 'none')
			    }
		    	// 如果弹窗没有打开 打开弹窗 lfd added 20181112  || $("#cardDiv").css('opacity') !== '1' 解决需点击两次弹窗才打开的问题
                /* if ($("#cardDiv").css('display') === 'none' || $("#cardDiv").css('opacity') !== '1') {
                	OpenDivInit()// 展开弹窗
                } */
                $("#cardDiv").OpenDiv()
                /* 开始卡号失去焦点查询最大张数 start */
                $("#mstartNo").change(function(){
                    $("#mnumber").val('')
                    querymaxnum()// 查询库存最大张数
                });
                /* 开始卡号失去焦点激活卡列表查询 end */
			}
		}) 
    }
    /* 激活卡列表查询 end */
    /* 初始化窗口 start */
    function OpenDivInit() {
    	
        /* 张数失去焦点激活卡列表查询 start */
        /* $("#mnumber").keyup(function(){
        	valuedNum()// 校验下发/上交张数 
        	// getCardList(1)// 查询列表
    	}); */
        /* 张数失去焦点激活卡列表查询 end */
    	/* 开始卡号失去焦点查询最大张数 start */
        $("#mstartNo").change(function(){
        	$("#mnumber").val('')
        	querymaxnum()// 查询库存最大张数
    	});
        /* 开始卡号失去焦点激活卡列表查询 end */
        getCardList(1)
    }
    /* 初始化窗口 end */
    /* 激活卡库存最大张数 start */
	function querymaxnum() {
		// 整理数据
		var cardDefineId = $('.table_highlighter').children()[1].innerHTML
		if (!$("#mstartNo").val()) {
    		$.message('error','请正确填写开始卡号！')
    		$("#mnumber").val('')
    		return
    	}  else {
    		startNo = $("#mstartNo").val()
    	}
		var param = {cardDefineId: cardDefineId, startNo: startNo, flag: '0'}
		// $.openLoading();
 		$.ajax({
			url : "actirationCardCirculation/querymaxnum",
			type : 'POST',
			async : true,
			dataType:'text',
			data: param,
			success : function(data) {
				// $.closeLoading();
				if (data) {
					$('.messageSpan').html(data)
					// getCardList(1) // 查询列表
				} else {
					$.message("error", "系统错误,请联系管理员");
				}
			}
		}) 
	}
	/* 激活库存最大张数 start */
	/* 关闭激活卡弹窗 start */
	function closeCardDiv() {
		$('#mstartNo').val('')
		$('#depNo').val('')
		$('#mnumber').val('')
		$(".comCode").remove()// 清空机构
 		$("#CardTable").find('tbody').html("")
 		$("#CardTable").find('thead').html("")
 		$(".cancel_btn").css('display', 'none')
 		$(".handin_btn").css('display', 'none')
 		$(".issued_btn").css('display', 'none')
 		$("#cardDIV").html("")
		closeCurrentDIV('cardDiv')
	}
	/* 关闭激活卡弹窗 end */
	// ----------------------------------弹窗 end-------------------------
 	/* 单选按钮高亮 start */
    function bindradio(){
		$("input[name='radioCard']").click(function(){
			$("input[name='radioCard']").parent().parent().removeClass("table_highlighter");
			$(this).parent().parent().addClass("table_highlighter");
	   	});
    }
    /* 单选按钮高亮 end */
    // 统一 关闭  窗口
	function closeCurrentDIV(obj){
		$("#"+obj).CloseDiv();
	}
	</script>
</head>
<body >
	<div class="current">
		<table class="current_table_1">
			<tbody>
				<tr class="f2">
		            <td>
		              <img src="./images/current_1.jpg">
		            </td>
		            <td class="current_table_1_td">
		              <img src="images/current_1.png">&nbsp;您现在的位置：&nbsp;
		                <span style=" color:#136bab; ">激活卡管理
		                	<span style="padding:0 5px; font-weight:bold; line-height:28px;">&gt;</span>
		                	激活卡流转
		            	</span>
		            </td>
		            <td><img src="./images/current_3.jpg"></td>
	        	</tr>
			</tbody>
		</table>
	</div>			
		
	<table class="table_02" id="table">
		<tr>
			<td>
				<table class="search_table">
					<tr height="30px">
						<td width="35%" height="30">卡定义名称：
							<input name="name" id="name" type="text" class="input_text" maxlength="30" value="">
						</td>
						<td width="35%" height="30">卡定义号：
							<input name="cardDefindId" id="cardDefindId" type="text" class="input_text" maxlength="30" value="">
						</td>
						<td width="30%" height="30">
							<input type="button" class="input_button_1" id="searchBtn" value="查询" onClick="queryCardInfo(1)" />
						</td>
						
					</tr>
					<!-- <tr height="30px" >
						<td height="30"  colspan="4" style="text-align: center;">
							<input type="button" class="input_button_1" id="searchBtn" value="查询" onClick="queryCardInfo(1)" />
						</td>
					</tr> -->
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table class="search_table">
					<tr height="30px">
						<td width="30%" height="30">
							<input type="button" class="input_button_1" id="release" value="下发" onClick="openAreaDiv('0')" />
							<input type="button" class="input_button_1" id="turnIn" value="上交" onClick="openAreaDiv('1')" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<!-- 数据列表 start -->
		<tr>
			<td>
				<table id="cardpageTable" class="content_table_1">
					<thead>
						<tr class="f1">
							<th style="width:5%;">选择</th>
							<th style="width:10%;">卡定义名称</th>
							<th style="width:20%;">最小卡号</th>
							<th style="width:20%;">最大卡号</th>
							<th style="width:25%;">卡剩余数量</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				<div id="cardpageDIV" class="page"></div>
			</td>
		</tr>
		<!-- 数据列表 end -->
	</table>
	<!-- 下发弹窗 start -->
	<div id="cardDiv"  style="display:none;width:80%;" >
		<div class="table_title_div">
			<table class="table_title" style='width:100%;height:20px;'>
				<tr>
				<td width="10%"></td>
				<td width="80%"></td>
				<td width="10%" align="right"><img src="./images/closedown.gif" alt="关闭"  onclick="closeCardDiv()"/></td>
				</tr>
			</table>
		</div>
		<div class="table_body_div">
			<div class="h_30">
				<div class="fl table_body_title w_50">卡定义名称： <span id="nameSpan"></span></div>
				<div class="fr w_50">
					<span class="comSelect">下发机构：</span> 
					<select class="search_select_1" id="depNo">
						<option value="">--请选择--</option>
					</select>
				</div>
			</div>
			<div class="table_body_search clear">
				<div class="fl w_30 h_30">
					<span>开始卡号：</span> 
					<input name="mstartNo" id="mstartNo" type="text" class="input_text" maxlength="16" value="">
				</div>
				<div class="fl w_50 h_30">
					<span>张数：</span> 
					<input name="mnumber" id="mnumber" class="input_text" maxlength="30" value="">
					<span class="messageContainer"><span class="messageContent">最大下发张数为：</span><span class="messageSpan"></span></span>
				</div>
				<div class="fr w_20 h_30">
					<input class="input_button_3" type="button" onclick="getCardList('1')" value="查询">
				</div>
			</div>
			<table id="CardTable" class="content_table_1">
				<thead>
<!-- 					<tr class="f1">
						<th style="width:20%;">#</th>
						<th style="width:80%;">卡号</th>
					</tr> -->
				</thead>
				<tbody>
				</tbody>
			</table>
			<div id="cardDIV" class="page"></div>
		</div>
		<div align="center" >
			<input class="input_button_3 handin_btn" name="" type="button" onclick="cirCardData('1')" value="上交" style="display: none;">
		 	<input class="input_button_3 issued_btn" name="" type="button" onclick="cirCardData('0')" value="下发" style="display: none;">&nbsp;&nbsp;
	        <input class="input_button_3 cancel_btn" name="" type="button" onclick="closeCardDiv()" value="取消" style="display: none;">
		</div>
	</div>
	<!-- 下发弹窗 end -->
	<input type="hidden" id="buttonStatus" value=""/>
	<div id="Loading" style="display:none" align="center">
		<img src="./images/loading.gif" />
	</div>
</body>
</html>